<template>
	<view class="chose_city_box box">
		<t-index-address @select="select"></t-index-address>
	</view>
</template>

<script>
	import ctiyCode from "../../utils/cityCode.js"
	export default {
		data() {
			return {
				scrollTop: 0,
				indexList: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S",
					"T", "U",
					"V", "W", "X", "Y", "Z"
				],
				data: ctiyCode
			}
		},
		onLoad() {
			console.log(ctiyCode, 'ctiyCode');
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		methods: {
			select(e) {
				console.log(e);
			},
			choseCity(data, name, idx) {
				console.log(data, name, idx, 'name,idx');
			}
		}
	}
</script>

<style lang="scss" scoped>
	.list-cell {
		display: flex;
		box-sizing: border-box;
		width: 100%;
		padding: 10px 24rpx;
		overflow: hidden;
		color: #323233;
		font-size: 14px;
		line-height: 24px;
		background-color: #fff;
	}

	.u-index-list__letter {
		display: none !important;
	}
</style>